<html>

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Home Page</title>

    <!-- Bootstrap -->
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/fontawesome-all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/Message_Broad.css">

</head>

<body>

    <!--head-->
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="head-logo" style="background-image: url(../photo/QQ图片20201027160436.jpg)">
                    <h1>
                        <a class="text-dark" href="#">
                            Message Broad
                        </a>
                    </h1>
                    <p>Note your life!</p>
                </div>
            </div>
        </div>
    </div>

    <!--menu-->
    <div class="container bg-dark">
        <div class="row">
            <div class="col">
                <nav class="navbar navbar-expand-lg navbar-ligh">
                    <ul class="navbar-nav nav-pills mr-auto">
                        <li class="nav-item">
                            <a class="nav-link font-weight-normal active" href="/">
                                Home Page
                            </a>
                        </li>
                        <li class="nav-item">
                            <form class="form-inline">
                                <input id="search_form" class="form-control mr-sm-2" type="search" placeholder="Search"
                                    aria-label="Search">
                                <button id="search" class="btn btn-outline-info my-2 my-sm-0"
                                    type="button">Search</button>
                            </form>
                        </li>
                    </ul>


                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link font-weight-normal" href="/createpassage">
                                Star a new writing here!
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link font-weight-normal" href="/user/12345678">
                                Hi! 12345678
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link font-weight-normal" href="/MyPost?username=12345678">
                                My Post
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link font-weight-normal" href="/logout">
                                注销
                            </a>
                        </li>
                    </ul>

                </nav>

            </div>

        </div>
    </div>


    <!--Message List-->
    <div class="container">

        <div class="row">
            <div class="col">
                <a
                    href="/view/passage/%E5%B0%9D%E8%AF%95%E8%BF%9B%E8%A1%8C%E4%B8%80%E4%B8%AA%E7%9B%91%E5%90%AC%E5%99%A8%E6%B5%8B%E8%AF%95">
                </a>
                <div class="card border hvr-grow"><a
                        href="/view/passage/%E5%B0%9D%E8%AF%95%E8%BF%9B%E8%A1%8C%E4%B8%80%E4%B8%AA%E7%9B%91%E5%90%AC%E5%99%A8%E6%B5%8B%E8%AF%95">
                    </a>
                    <div class="card-body bg-light"><a
                            href="/view/passage/%E5%B0%9D%E8%AF%95%E8%BF%9B%E8%A1%8C%E4%B8%80%E4%B8%AA%E7%9B%91%E5%90%AC%E5%99%A8%E6%B5%8B%E8%AF%95">
                            <ul class="navbar-nav nav-pills mr-auto list-group-horizontal">
                                <li class="nav-item">
                                    <h4 class="card-title">尝试进行一个监听器测试</h4>
                                </li>
                            </ul>
                        </a>
                        <ul class="navbar-nav nav-pills list-group-horizontal"><a
                                href="/view/passage/%E5%B0%9D%E8%AF%95%E8%BF%9B%E8%A1%8C%E4%B8%80%E4%B8%AA%E7%9B%91%E5%90%AC%E5%99%A8%E6%B5%8B%E8%AF%95">
                            </a>
                            <li class="nav-item"><a
                                    href="/view/passage/%E5%B0%9D%E8%AF%95%E8%BF%9B%E8%A1%8C%E4%B8%80%E4%B8%AA%E7%9B%91%E5%90%AC%E5%99%A8%E6%B5%8B%E8%AF%95">
                                </a><a class="btn btn-primary" href="{url_for('')}}" role="button">修改文章</a>
                            </li>
                            <li class="nav-item">
                                <a class="btn btn-primary" href="{url_for('')}}" role="button">删除文章</a>
                            </li>
                        </ul>
                        <p class="card-text"># 这是一个监听器测试
                            # 这是一个监听器测试
                            # 这是一个监听器测试
                            # 这是一个监听器测试</p>
                    </div>
                </div>

            </div>
        </div>


        <div class="row">
            <div class="col">

                <nav aria-label="">
                    <ul class="pagination">
                        <li class="page-item disabled">
                            <a class="page-link" href="#" tabindex="-1" aria-disabled="true">«</a>
                        </li>




                        <li class="page-item active" aria-current="page">
                            <a class="page-link" href="/MyPost?page=1">1 <span class="sr-only">(current)</span></a>
                        </li>

                        <li class="page-item disabled}">
                            <a class="page-link" href="#" tabindex="-1" aria-disabled="true">…</a>
                        </li>



                        <li class="page-item disabled">
                            <a class="page-link" href="#" tabindex="-1" aria-disabled="true">»</a>
                        </li>
                    </ul>
                </nav>

            </div>
        </div>
    </div>




    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script src="/script/basemodel.js"></script>



</body>

</html>